<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			h1{
				width: 200px;
				height: 200px;
				text-align: center;
				line-height: 200px;
				background-color: #87CEEB;
				font-style: 36px;
			}
		</style>
	</head>
	<body>
		<h1 class="color_red"  id="bg_green" title="提示语" style="font-size: 24px; border: 5px solid red;" >我是h1标签</h1>
		
		<!-- style
			1.只针对行内样式
			2.获取值是以字符串返回，并且带有单位
			3.可以重新设置行内样式，带有单位
		 -->
		<!-- getAttribute 获取属性
			1.只针对行内属性
			2.获取值是以字符串返回，并且带有单位
		 -->
		 
		 <!-- setAttribute  设置属性
			1.设置行内属性
			2.键值对进行设置
			3.不管有没有，直接重写
		  -->
		 
		 
		<script type="text/javascript">
			var h1 = document.querySelector("h1");
			
			
			console.log(getComputedStyle(h1).width);
			
			
		</script>
	</body>
</html>
